<template>
	<view class="banner-swiper">
		<!-- swipper默认是没有宽和高的我们必须手动给他设置宽高 -->
		<swiper class="swiper" :indicator-dots="true" :autoplay="true">
			<swiper-item class="swiper-item" v-for="(item,index) in swiperImage" :key="index">
				<!-- 里面的图片宽度和高度就是swiper的100% -->
				<image :src="item.src" style="width: 100%;" lazy-load="true" mode=""></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		props:{
			swiperImage:Array
		},
	    data() {
	        return {
	            
	        }
	    }
	}
</script>

<style lang="less">
	
      /* #ifndef APP-PLUS */
      .banner-swiper{
      	margin-top: 200rpx;
      }
      
      /* #endif */
	
	
	.swiper {
		width: 100%;
		image{
			height: 100%;
		}
			
	}
</style>
